<template>
<div class="layout">
    <AppSearch />
    <div class="view-box">
        <router-view />
    </div>
    <!-- <van-tabbar class="" :fixed="false" route active-color="#ee0a24" inactive-color="#000">
        <van-tabbar-item to="/home" icon="home-o">首页</van-tabbar-item>
        <van-tabbar-item to="/classify" icon="apps-o">分类</van-tabbar-item>
        <van-tabbar-item to="/cart" icon="shopping-cart-o">购物车</van-tabbar-item>
        <van-tabbar-item to="/shop" icon="shop-o">商铺</van-tabbar-item>
        <van-tabbar-item replace to="/user" icon="user-o">我的</van-tabbar-item>
    </van-tabbar> -->
</div>
</template>

<script>
import AppSearch from '@/components/app-search.vue'
export default {
    components: { AppSearch },
    data () {
        return {}
    }
}
</script>

<style lang="less" scoped>
.layout {
    min-height: 100vh;
    max-height: 100vh;
    height: 100%;
    display: flex;
    flex-direction: column;
    .view-box {
        flex: 1;
        max-height: 100%;
        overflow-y: auto;
        & > div {
            height: 100%;
            // overflow-y: auto;
            background-color: #fafafa;
        }
    }
}
</style>
